<!DOCTYPE html>
<html>
  
  <head lang="en">
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <script type="text/javascript" src="HTML_ZIP_STOPWATCH/myscript.js"></script>
    <script type="text/javascript">
      function setCustomAttributes() {
        appboyBridge.getUser().setCustomUserAttribute('abStringAttribute', 'atts');
        appboyBridge.getUser().setCustomUserAttribute('abDateAttribute', new Date());
        appboyBridge.getUser().setCustomUserAttribute('abIntAttribute', 6);
        appboyBridge.getUser().setCustomUserAttribute('abDoubleAttribute', 7.8);
        appboyBridge.getUser().setCustomUserAttribute('abBoolAttribute', true);
        appboyBridge.getUser().setCustomUserAttribute('abArrayAttribute', ['a', 'b']);
      };
      function logCustomEvents() {
        appboyBridge.logCustomEvent('abEvent');
        appboyBridge.logCustomEvent('abEventNullProp', null);
        appboyBridge.logCustomEvent('abEventWithProp', { intProp: 1, doubleProp: 4.4, stringProp: 'asdf', boolProp: true, dateProp:new Date()});
      };
      function logPurchases() {
        appboyBridge.logPurchase('abPurchase', 5.5, 'USD');
        appboyBridge.logPurchase('abPurchaseWithQuantity', 5.5, 'USD', 6);
        appboyBridge.logPurchase('abPurchaseWithQuantityAndProperties', 5.5, 'USD', 6, { intProp: 1, doubleProp: 4.4, stringProp: 'asdf', boolProp: false, dateProp:new Date()});
       appboyBridge.logPurchase('abPurchaseWithPropertiesNoQuantity', 5.5, 'USD', null, { intProp: 1, doubleProp: 4.4, stringProp: 'asdf', boolProp: false, dateProp:new Date()});
      };
    </script>
    <link href="HTML_ZIP_STOPWATCH/iamcss.css" rel="stylesheet" type="text/css" />
    <style>
      .box {
        padding-top: 25px;
      }
    a {
      color: blue;
      padding: 2px 25px;
      font-family: "Avenir";
      text-transform: none;
    }
    .firstLink {
      clear: right;
    }
    </style>
    <script type="text/javascript">
      function logStartEvent() {
        appboyBridge.logCustomEvent('Logging start event for HTML In-App Message tester');
      }
      window.addEventListener('ab.BridgeReady', logStartEvent, false);
    </script>
  </head>
  
  <body>
    <div class="box">
      <div class="relativeTopRight">
        <a href="appboy://close">X</a>
      </div>

      <a class="firstLink" href="https://www.appboy.com?abExternalOpen=false&abButtonId=1">Appboy.com</a>
      <a onClick="document.body.style.backgroundColor = 'rgba(232, 125, 232, .75)'">Make more transparent</a>
      <a href="stopwatch://blah">Deep Link</a>
      <a href="appboy://feed">Open the Newsfeed</a>
      <a id="color-change" onclick="javascript:sayHi();">Change Color To Red</a>
      <a onclick="window.location = "appboy://customEvent?name=iOSHtmlIamCustomEvent&pOne=pTwo ";">Custom Event Url Style</a>
      <a onClick="appboyBridge.closeMessage()" />ab: closeMessage</a>
      <a onClick="appboyBridge.requestImmediateDataFlush()" />ab: requestImmediateDataFlush</a>
      <a onClick="logCustomEvents()" />ab: logCustomEvent</a>
      <a onClick="logPurchases()" />ab: logPurchase</a>
      <a onClick="appboyBridge.display.showFeed()" />ab: display.showFeed</a>
      <a onClick="appboyBridge.getUser().setFirstName('abFirstName')" />ab: setFirstName</a>
      <a onClick="appboyBridge.getUser().setLastName('abLastName')" />ab: setLastName</a>
      <a onClick="appboyBridge.getUser().setEmail('abEmail@appboy.com')" />ab: setEmail</a>
      <a onClick="appboyBridge.getUser().setHomeCity('abHomeCity')" />ab: setHomeCity</a>
      <a onClick="appboyBridge.getUser().setLanguage('hi')" />ab: setLanguage</a>
      <a onClick="appboyBridge.getUser().setEmailNotificationSubscriptionType('unsubscribed')" />ab: setEmailNotificationSubscriptionType Unsubscribed</a>
      <a onClick="appboyBridge.getUser().setEmailNotificationSubscriptionType('subscribed')" />ab: setEmailNotificationSubscriptionType Subscribed</a>
      <a onClick="appboyBridge.getUser().setEmailNotificationSubscriptionType('opted_in')" />ab: setEmailNotificationSubscriptionType Opted-in</a>
      <a onClick="appboyBridge.getUser().setPushNotificationSubscriptionType('unsubscribed')" />ab: setPushNotificationSubscriptionType</a>
      <a onClick="appboyBridge.getUser().addToCustomAttributeArray('abAtArray', 'myval')" />ab: addToCustomAttributeArray</a>
      <a onClick="appboyBridge.getUser().removeFromCustomAttributeArray('abAtArray', 'myval')" />ab: removeFromCustomAttributeArray</a>
      <a onClick="appboyBridge.getUser().incrementCustomUserAttribute('abInc')" />ab: incrementCustomUserAttribute</a>
      <a onClick="appboyBridge.getUser().setDateOfBirth(1960, 11, 11)" />ab: setDateOfBirth</a>
      <a onClick="appboyBridge.getUser().setCountry('USA')" />ab: setCountry</a>
      <a onClick="appboyBridge.getUser().setPhoneNumber('9084894848')" />ab: setPhoneNumber</a>
      <a onClick="setCustomAttributes()" />ab: setCustomAttributes</a>
      <a onClick="appboyBridge.getUser().addLocationCustomAttribute('abLocationAttribute', 10.1, 20.2)" />ab: addLocationCustomAttribute</a>
      <a onClick="appboyBridge.getUser().removeLocationCustomAttribute('abLocationAttribute')" />ab: removeLocationCustomAttribute</a>
      <a onClick="appboyBridge.getUser().setGender('m')" />ab: setGender Male</a>
      <a onClick="appboyBridge.getUser().setGender('f')" />ab: setGender Female</a>
      <a onClick="appboyBridge.getUser().setGender('o')" />ab: setGender Other</a>
      <a onClick="appboyBridge.getUser().setGender('u')" />ab: setGender Unknown</a>
      <a onClick="appboyBridge.getUser().setGender('n')" />ab: setGender Not Applicable</a>
      <a onClick="appboyBridge.getUser().setGender('p')" />ab: setGender Prefer Not To Say</a>

      <img src="HTML_ZIP_STOPWATCH/jpg_3.jpg" width="100%">
      <div class="relativeLeft">
        <a href="https://twitter.com/braze?abButtonId=0&abExternalOpen=true&">Braze Twitter</a>
      </div>
      <div class="relativeRight">
        <a href="appboy://close">Close</a>
      </div>
    </div>
  </body>
</html>
